<template>
  <div class="right">
    <div class="WDL" style="height:126px;background:#ccc" v-if="isDL">
      <WDL></WDL>
    </div>
    <div class="YDL" style="height:185px;background:#fff" v-if="!isDL">
      <YDL></YDL>
    </div>
    <div class="YYR" style="height:455px;background:#FFF">
      <YYR></YYR>
    </div>
    <div class="HZB" style="height:294px;background:#fff;margin-top:30px">
      <HZB></HZB>
    </div>
  </div>
</template>
<script>
import WDL from './WDL/index'
import YDL from './YDL/index'
import YYR from './YYR/index'
import HZB from './HotZB/index'
export default {
 data: () => ({
   isDL:true
 }),
  created() {
    let s=localStorage.getItem("token")
    if(s){
      this.isDL=false
    }
  },
  methods: {
    
  },
  components:{
    WDL,
    YDL,
    YYR,
    HZB
  }
};
</script>
<style lang="less" scoped>
</style>